<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>写文章</title>

    <!-- jq 在线压缩版 -->
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
</head>
<body style="background-color:#F5F5DC">

{{template "nav.html" .}}

<div class="row" style="height: 750px">
    <div class="col-md-4 col-md-push-2" style="height: 50%; margin-top: 10%">
        <div class="thumbnail" style="height: 100%">
            <img src="/static/img/aboutme.jpeg" alt="..." style="height: 100%">
        </div>
    </div>
    <div class="col-md-4 col-md-push-2" style="height: 50%; margin-top: 10%">
        <div style="height: 20%; text-align: center">
            <div class="thumbnail" style="height: 80%">
                <a href="#" onclick="return alert('微信: a463279708')">
                    <!-- 微信 -->
                    <svg href="#" title="微信: a463279708" t="1626508351522" class="icon" viewBox="0 0 1024 1024"
                         version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="1295" data-spm-anchor-id="a313x.7781069.0.i4"
                         width="20%" height="100%">
                        <path
                                d="M352.814545 385.396364m-33.512727 0a33.512727 33.512727 0 1 0 67.025455 0 33.512727 33.512727 0 1 0-67.025455 0Z"
                                fill="#50B674" p-id="1296" data-spm-anchor-id="a313x.7781069.0.i5"
                                class="selected"></path>
                        <path
                                d="M502.690909 384.465455m-33.512727 0a33.512727 33.512727 0 1 0 67.025454 0 33.512727 33.512727 0 1 0-67.025454 0Z"
                                fill="#50B674" p-id="1297" data-spm-anchor-id="a313x.7781069.0.i6"
                                class="selected"></path>
                        <path
                                d="M576.232727 534.341818m-23.272727 0a23.272727 23.272727 0 1 0 46.545455 0 23.272727 23.272727 0 1 0-46.545455 0Z"
                                fill="#50B674" p-id="1298"></path>
                        <path
                                d="M694.458182 536.203636m-23.272727 0a23.272727 23.272727 0 1 0 46.545454 0 23.272727 23.272727 0 1 0-46.545454 0Z"
                                fill="#50B674" p-id="1299"></path>
                        <path
                                d="M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m-87.505455 630.225455c-26.996364 0-48.407273-5.585455-75.403636-11.17091l-75.403636 37.236364 21.410909-64.232727c-53.992727-37.236364-85.643636-85.643636-85.643637-145.221818 0-102.4 96.814545-182.458182 215.04-182.458182 105.192727 0 198.283636 64.232727 216.901819 150.807273-6.516364-0.930909-13.963636-0.930909-20.48-0.93091-102.4 0-182.458182 76.334545-182.458182 170.356364 0 15.825455 2.792727 30.72 6.516363 44.683636-7.447273 0-13.963636 0.930909-20.48 0.93091z m314.647273 75.403636l15.825455 53.992727-58.647273-32.581818c-21.410909 5.585455-42.821818 11.170909-64.232727 11.170909-102.4 0-182.458182-69.818182-182.458182-155.461818s80.058182-155.461818 182.458182-155.461818c96.814545 0 182.458182 69.818182 182.458182 155.461818 0 47.476364-31.650909 90.298182-75.403637 122.88z"
                                fill="#50B674" p-id="1300" data-spm-anchor-id="a313x.7781069.0.i2" class=""></path>
                    </svg>
                    <!-- 邮箱 -->
                    <a href="mailto: abcnull@qq.com">
                        <svg t="1626510419909" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="35990" width="20%" height="100%">
                            <path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#F9A238"
                                  p-id="35991"></path>
                            <path d="M804.79 336.417a191.612 191.612 0 0 1-56.335 33.543 20.242 20.242 0 0 1 3.821 0.072 20.302 20.302 0 0 1 13.288 7.84 20.123 20.123 0 0 1 3.883 14.893 20.044 20.044 0 0 1-7.806 13.271l-128.609 97.195 128.521 128.522c7.479 7.917 7.32 20.347-0.347 28.074-7.688 7.724-20.116 7.953-28.079 0.526L600.525 527.754l-57.199 43.148c-15.328 10.737-35.733 10.737-51.063 0l-56.774-43.075-114.816 114.742c97.123-21.698 194.708 34.527 224.609 129.445h136.185c77.97-0.095 141.187-63.222 141.371-141.197V405.101a139.845 139.845 0 0 0-18.048-68.684z"
                                  fill="#FFFFFF" p-id="35992"></path>
                            <path d="M403.064 503.159L274.457 406.04a19.912 19.912 0 0 1-7.827-13.282c-1.475-10.936 6.099-21.055 17.021-22.724a20.002 20.002 0 0 1 14.817 4.007l218.39 164.695h1.107c0.45 0.073 0.913 0.073 1.362 0L737.049 374.3c-94.861 29.422-196.574-18.422-234.313-110.398H341.02c-77.971 0.086-141.184 63.226-141.369 141.199v225.716a139.773 139.773 0 0 0 19.578 71.494 192.304 192.304 0 0 1 54.801-42.724c-7.426-7.915-7.196-20.282 0.513-27.918l128.521-128.51z"
                                  fill="#FFFFFF" p-id="35993"></path>
                            <path d="M545.282 772.015c-29.901-94.918-127.485-151.141-224.61-129.445l-17.703 17.701c-7.876 7.865-20.637 7.865-28.513 0l-0.511-0.594a192.208 192.208 0 0 0-54.716 42.549c25.373 43.2 71.701 69.744 121.791 69.79l204.262-0.001z"
                                  fill="#FFFFFF" opacity=".4" p-id="35994"></path>
                            <path d="M737.813 374.04a19.926 19.926 0 0 1 10.644-3.749 191.405 191.405 0 0 0 56.333-33.533c-24.857-44.842-72.05-72.723-123.322-72.857H502.734c29.621 71.869 99.716 118.747 177.455 118.648a191.46 191.46 0 0 0 57.624-8.509z"
                                  fill="#FFFFFF" p-id="35995"></path>
                        </svg>
                    </a>

                    <!-- CSDN -->
                    <a href="https://blog.csdn.net/abcnull" target="_blank">
                        <svg t="1626509043441" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="3849" width="20%" height="100%">
                            <path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 229.2224 229.2224 0 512 0c282.7776 0 512 229.2224 512 512 0 282.7776-229.2224 512-512 512z m17.066667-413.525333c34.850133 4.352 68.778667 5.12 102.741333 2.0992 23.04-2.048 44.817067-8.362667 64.170667-21.9136 38.212267-26.794667 49.783467-85.1968 24.251733-123.050667-14.626133-21.7088-36.8128-30.344533-60.757333-35.498667-35.054933-7.543467-70.4512-5.751467-105.847467-3.413333-5.666133 0.3584-6.7584 3.072-7.236267 8.209067-3.072 32.682667-6.536533 65.314133-9.813333 97.962666-2.5088 24.814933-4.932267 49.629867-7.509333 75.605334z m53.4016-33.928534c1.962667-20.906667 3.6352-39.338667 5.4272-57.770666 1.553067-15.906133 3.413333-31.778133 4.727466-47.701334 0.3584-4.283733 1.553067-6.656 5.956267-6.382933 15.616 1.041067 31.709867 0.034133 46.728533 3.652267 36.488533 8.823467 48.725333 54.306133 23.3472 83.029333-15.8208 17.902933-36.7616 23.586133-59.255466 25.088-8.465067 0.546133-17.015467 0.085333-26.9312 0.085333zM512 434.295467c-2.184533-0.648533-3.5328-1.1776-4.932267-1.4336-37.717333-6.877867-75.690667-8.328533-113.646933-2.816-20.974933 3.037867-41.0112 9.489067-57.480533 23.330133-22.9888 19.319467-21.640533 46.848 4.4032 62.0032 13.056 7.594667 28.023467 12.509867 42.5984 17.288533 14.08 4.608 28.996267 6.826667 43.144533 11.264 12.5952 3.925333 14.011733 14.318933 3.584 22.306134-3.345067 2.56-7.441067 5.085867-11.537067 5.751466-11.195733 1.826133-22.698667 4.386133-33.826133 3.566934-24.098133-1.774933-48.042667-5.461333-72.5504-8.430934-1.365333 10.615467-2.935467 23.0912-4.5568 35.9424 4.181333 1.365333 7.68 2.730667 11.264 3.618134 33.9456 8.4992 68.386133 9.608533 102.912 5.12 20.087467-2.6112 39.4752-7.901867 56.695467-19.029334 28.603733-18.4832 36.693333-57.1904-4.676267-75.383466-14.506667-6.382933-30.190933-10.410667-45.482667-15.086934-11.4176-3.4816-23.313067-5.614933-34.525866-9.5232-9.7792-3.413333-11.144533-12.202667-3.037867-18.397866 4.6592-3.549867 10.717867-6.997333 16.384-7.3728a480.853333 480.853333 0 0 1 53.384533-0.853334c15.377067 0.699733 30.651733 3.549867 46.4896 5.5296L512 434.295467z m257.143467 2.048L750.933333 614.2976h54.152534c4.778667-45.636267 9.710933-90.7264 14.062933-135.8848 0.6144-6.365867 2.3552-8.840533 8.686933-9.0112 11.434667-0.273067 22.8864-1.979733 34.286934-1.570133 23.722667 0.853333 42.3936 9.728 38.4 43.264-2.901333 24.2688-5.597867 48.571733-8.2432 72.874666-1.092267 10.069333-1.826133 20.189867-2.730667 30.4128h55.330133c3.584-35.259733 7.9872-70.058667 10.496-104.994133 3.413333-47.4624-17.7664-73.3184-64.682666-80.213333-40.96-6.007467-81.339733-0.341333-121.5488 7.133866z m-483.498667 134.6048c-8.738133 1.297067-16.384 2.798933-24.098133 3.4816-25.6512 2.235733-51.319467 3.9424-76.305067-4.266667-13.909333-4.590933-24.6784-12.578133-29.7984-25.9584-7.901867-20.701867 0.887467-47.104 19.831467-60.3136 17.373867-12.117333 37.717333-15.9232 58.453333-15.9232 22.545067-0.017067 45.090133 2.423467 68.232533 3.84L307.2 432.298667c-15.069867-1.723733-29.4912-3.925333-43.997867-4.9152-41.0112-2.798933-80.64 2.6112-117.469866 20.462933-30.020267 14.557867-52.053333 36.010667-58.6752 68.130133-7.850667 38.144 11.537067 69.495467 51.7632 85.845334 19.1488 7.765333 39.287467 12.509867 60.0064 12.5952 24.746667 0.1024 49.493333-1.570133 74.205866-2.952534 3.106133-0.170667 8.311467-2.901333 8.669867-5.034666 1.979733-11.554133 2.730667-23.278933 3.9424-35.464534z"
                                  fill="#DD1700" p-id="3850"></path>
                        </svg>
                    </a>

                    <!-- github -->
                    <a href="https://github.com/abcnull" target="_blank">
                        <svg t="1626509199219" class="icon" viewBox="0 0 1024 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="5952" width="20%" height="100%">
                            <path d="M511.957333 21.333333C241.024 21.333333 21.333333 240.981333 21.333333 512c0 216.832 140.544 400.725333 335.573334 465.664 24.490667 4.394667 32.256-10.069333 32.256-23.082667 0-11.690667 0.256-44.245333 0-85.205333-136.448 29.610667-164.736-64.64-164.736-64.64-22.314667-56.704-54.4-71.765333-54.4-71.765333-44.586667-30.464 3.285333-29.824 3.285333-29.824 49.194667 3.413333 75.178667 50.517333 75.178667 50.517333 43.776 75.008 114.816 53.333333 142.762666 40.789333 4.522667-31.658667 17.152-53.376 31.189334-65.536-108.970667-12.458667-223.488-54.485333-223.488-242.602666 0-53.546667 19.114667-97.322667 50.517333-131.669334-5.034667-12.330667-21.930667-62.293333 4.778667-129.834666 0 0 41.258667-13.184 134.912 50.346666a469.802667 469.802667 0 0 1 122.88-16.554666c41.642667 0.213333 83.626667 5.632 122.88 16.554666 93.653333-63.488 134.784-50.346667 134.784-50.346666 26.752 67.541333 9.898667 117.504 4.864 129.834666 31.402667 34.346667 50.474667 78.122667 50.474666 131.669334 0 188.586667-114.730667 230.016-224.042666 242.090666 17.578667 15.232 33.578667 44.672 33.578666 90.453334v135.850666c0 13.141333 7.936 27.605333 32.853334 22.869334C862.250667 912.597333 1002.666667 728.746667 1002.666667 512 1002.666667 240.981333 783.018667 21.333333 511.957333 21.333333z"
                                  p-id="5953"></path>
                        </svg>
                    </a>
            </div>
        </div>
        <div style="height: 80%">
            <div class="thumbnail" style="height: 100%">
                <br>
                <br>
                我是 abcnull
                <br>
                <br>
                90 后，狮子座，男生
                <br>
                <br>
                爱好广而不精，平常喜欢和朋友踢踢野球，看看电影动漫，刷刷 b 站，外面吃吃饭，旅旅游，写写代码
                <br>
                <br>
                热爱生活，对一切事物都保有好奇心和热情，是一个终身学习理念的执行者
            </div>
        </div>
    </div>
</div>

</body>
</html>